<template>
  <div>


  </div>
</template>

<script>
/* 
  使用辅助函数
  1 引入辅助函数
  import {mapState, mapGetters, mapMutations, mapActions} from 'vuex'

  2 在不同位置写不同的辅助函数
  computed中mapState和mapGetters
  methods中mapMutations和mapActions

  computed: {
    // 一般都这么写，如果组件中名字和state中名字相同时
    ...mapState(['state中的名字']),
    // 如果不相同
    ...mapState({
      组件中的数据名: 'state中的数据名'
    }),

    // mapGetters和mapState用法一致
    ...mapGetters(['getter名字']),
    ...mapGetters({
      组件中数据名: 'getters中数据名'
    })
  }

  methods: {
    ...mapMutations(['mutation名字']),
    // 如果名字不一致
    ...mapMutations({
      自定义名字: 'mutation名字'
    })
  }

  我们只需要去对应的数据中触发对应的mutation名字即可
  <button @click="mutation名字(参数)"></button>  // 参数就是未来给mutation的payload

  mapActions用法和mapMutation一致
  methods: {
    ...mapActions(['action名字']),
    // 如果名字不一致
    ...mapActions({
      自定义名字: 'action名字'
    })
  }

  调用对应函数时，实际就是dispatchaction
*/
export default {

}
</script>

<style>

</style>
